<template>
  <el-button @click="page.layout='sizes,pager'">简单模式</el-button>
  <el-button @click="page.layout='total, sizes, prev, pager, next, jumper'">复杂模式</el-button>
  <br /><br />
  <avue-crud :data="data"
             :option="option"
             v-model:page="page"></avue-crud>
</template>
<script>
export default {
  data () {
    return {
      page: {
        total: 1000,
        layout: "total, sizes, prev, pager, next, jumper",
      },
      data: [],
      option: {
        header: false,
        column: [{
          label: '姓名',
          prop: 'name'
        }]
      }
    }
  }
}
</script>